<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="css/style-error.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
            var timer;
            //启动跳转的定时器
            function startTimes() {
                timer = window.setInterval(showSecondes,1000);
            }

            var i = 5;
            function showSecondes() {
                if (i > 0) {
                    i--;
                    document.getElementById("secondes").innerHTML = i;
                }
                else {
                    window.clearInterval(timer);
                    location.href = "toIndex.sls";
                }
            }

            //取消跳转
            function resetTimer() {
                if (timer != null && timer != undefined) {
                    window.clearInterval(timer);
                    location.href = "toIndex.sls";
                }
            }
        </script> 
</head>

<body onload="startTimes();">
	<div id="main">
		<!-- header -->
		<div id="header">
			<h1>We bet this is not what you expected to see here!<span>404 error - not found.</span></h1>
		</div>
		<!-- content -->
		<div id="content">
		<ul class="nav">
         	<li class="home">对不起 . . . </li>
            <li class="site_map">让您 . . . . . . </li>
            <li class="search">看到我 . . . </li>
         </ul>
           <h1 id="error">
	        <p id="secondes" style="color : white;font-size: 44px;">5</p>
	        &nbsp;秒后将自动跳转，立即跳转请点击&nbsp;
            <a href="javascript:resetTimer();" style="text-decoration: none">返回</a>
       	 </h1>
		</div>
      </div>
</body>
</html>
